<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>用户登录</title>
<link href="index.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.7.1.js"></script>

<script type="text/javascript">
	function check(){
		var username = $("#username").val();
		var userpwd = $("#userpwd").val();
		
		if(username == "admin"){
			if(userpwd == "111"){
				alert("登录成功!");
				window.location = "admin.html";
			}
		}else if(username == "laoshi"){
			if(userpwd == "111"){
				alert("登录成功!");
				window.location = "teacher.html";
			}
		}else if(username == "xuesheng"){
			if(userpwd == "111"){
				alert("登录成功!");
				window.location = "student.html";
			}
		}else{
			alert("用户名或密码错误!");
		}
	}
</script>
</head>
<body>
	<div class="cbox">
    	<div class="header">

        	<h2>北京百勤科技PCR实验课件系统</h2>
            <h1><a href="#" class="logo"></a></h1>
        </div>
        <div align="center" style="height: 500px;width: 100%;float: left;margin:0 auto;">
<table align="center"  background="images/index-bg.jpg" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
  <tbody><tr>
    <td valign="top"> 
      <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
        <tbody>

        <tr><td height="90"></td></tr>
        <tr>
          <td align="center">
            <table background="images/index-bg2.jpg" border="0" cellpadding="0" cellspacing="0" height="313" width="440" align="center">
              <tbody>
              <tr> 
                <td height="61" valign="top"> 
                  <div align="center"><img src="images/yhdl.jpg" height="61" width="139"></div>
                </td>
              </tr>

              <tr> 
                <td height="51" valign="top"><div align="center">
                  <form id="form1" name="form1" >
                  <font color="red"></font>
                
                  <table border="0" cellpadding="2" cellspacing="2" width="50%" align="center">
                    <tbody><tr>
                      <td width="50%"><b>用户名：</b>
                        <input name="username" id="username" size="17" type="text">
                      </td>

                    </tr>
                    <tr>
                      <td><b>密　码：</b>
                        <input name="userpwd" id="userpwd" size="17" type="password"></td>
                    </tr>
                  </tbody></table>
                  
                </div>
                </td>

              </tr>
              <tr>
              </tr>
              <tr> 
                <td valign="top" align="center"> 
                  <div align="center">
                    <input name="sub" type="button" value="" id="sub" style="cursor:pointer; background: url('images/dl.jpg') repeat scroll left top transparent; width: 75px; height: 21px; border: 0px none;" onclick="return check();">
                    <input name="reset" value="" id="reset" style="background: url('images/ct.jpg') repeat scroll left top transparent; width: 75px; height: 21px; border: 0px none;" type="reset">
                 </div>
                  <br>

                  
                </td>
              </tr>
            </tbody></table></form>
            
          </td>
        </tr>
      </tbody></table>
    </td>
  </tr>
</tbody></table>

        </div>
        <div class="footer">北京百勤科技有限公司 版权所有 　COPY RIGHT 2001-2005 ALL RESERVED  传真：010-68236592　 E-mail：baiqin@baiqin.com.cn</div>
    </div>
</body>

<script type="text/javascript">
	var winHeight = $(window).height();
	var winWidth = $(window).width();
	var height_left_menu = $(".left_menu").css('height');
	var height_content = $(".content").css('height');
	$(".second_class").css('display','none');
	$(".first_class>li>ul").parent().find('.title').find('span').addClass('closed');
	function divResize() {
		$(".content").css({ 'min-height': $(window).height()-90,'width':$(window).width()-225 });
		if( height_left_menu > height_content){
			$(".content").css('height',height_left_menu);
		}else{
			$(".left_menu").css('height',height_content);
		}
	}
	divResize();
	$(window).resize(function(){
		divResize();
	})
	$(".title").toggle(function(){
		$(this).parent().find("ul").show();
		},function(){
			$(this).parent().find("ul").hide();
		});

</script>
</html>
